@CHARSET "UTF-8";

/* ================= RESET =============== */
/* remove os valores padroes para evitar diferencas de layout entre os browsers */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, object, blockquote, address, ul, ol, li, dl, dd, img, span, input, button, select, textarea , label {margin:0; padding:0; outline:none; border:none;}
input, select, textarea {font-family:inherit; font-size:inherit; outline:none;}
form label {cursor:pointer; outline:none;}
img, fieldset {border:none}
/* =================/RESET =============== */

/* ================= BASIC =============== */
/* definicao basica para os projetos web */
.fl{float:left !important}
.fr{float:right !important}
.clear,.cb{clear:both !important}
.db{display:block !important}
/* ================= /BASIC =============== */

html{width:100%;height:100%; background-color:#7f99b2; background-image:url(../images/fundo_login.jpg);background-position:top;background-repeat:no-repeat;}
body{width:100%;height:100%;font-family:"Lucida Sans Unicode", "Lucida Grande", "sans-serif";color:#fff;}

.sombra{width:596px;height:426px;position:absolute;background-repeat:no-repeat}
.sombra.s1{top:0;left:0;background-image:url(../images/top_left.png);z-index:1;}
.sombra.s2{top:0;right:0;background-image:url(../images/top_right.png);z-index:2;}
.sombra.s3{bottom:0;left:0;background-image:url(../images/bottom_left.png);z-index:3;}
.sombra.s4{bottom:0;right:0;background-image:url(../images/bottom_right.png);z-index:4;}

.blocoLogin{width:673px;height:576px;position:absolute;z-index:5;margin:-388px 0 0 -337px;top:50%;left:50%;background-image:url(../images/sombra_bgbranco.png);background-position:center center;background-repeat:no-repeat;}
.blocoLogin .blocoForm{width:411px;height:328px;float:left;padding:30px 46px 0 35px;margin:138px 0 0 91px;
background-image:url(../images/bg_box.png);background-position:center center;background-repeat:no-repeat;}

/* .blocoLogin .blocoForm .logo{float:left;width:88px;height:76px;margin:17px 0px 15px 50px;background-image:url(../images/logo.png);background-repeat:no-repeat;} */
.blocoLogin .blocoForm .logo{float:left;margin:17px 0px 15px 50px;}
h1 {color:#666; font-size:18px; line-height:23px; text-transform:capitalize; font-weight:normal; font-style:normal; float:left; padding:49px 0 0 10px; font-family: 'Roboto', sans-serif;}

.blocoLogin .blocoForm .inpText{width:319px;height:39px;padding:12px 0 0 9px;float:left;margin:0 0 15px 50px;background-image:url(../images/input_branco.png);}
.blocoLogin .blocoForm .inpText input{float:left;width:250px;height:22px;border:none;background-color:transparent;color:#999;font-size:15px;outline:none;}
.blocoLogin .blocoForm .inpText .usuario{float:left;width:16px;height:12px;margin:5px 8px 0px 5px;background-image:url(../images/sprite_login_branco.png);background-repeat:no-repeat;}
.blocoLogin .blocoForm .inpText .senha{float:left;width:16px;height:14px;margin:3px 6px 0px 8px;background-position:0 -17px;      background-image:url(../images/sprite_login_branco.png);background-repeat:no-repeat;}
.blocoLogin .blocoForm .inpText .certo{float:right;width:16px;height:16px;margin:3px 15px 0px 0px;background-image:url(../images/input_ok.png);background-repeat:no-repeat;}
.blocoLogin .blocoForm .inpText .errado{float:right;width:16px;height:16px;margin:3px 15px 0px 0px;background-image:url(../images/input_error.png);background-repeat:no-repeat;}
.blocoLogin .blocoForm .btnLogin{width:101px;height:40px;float:right;font-size:15px;padding-top:0px;color:#e6e6e6;text-decoration:none;text-align:center;background-image:url(../images/btn_green_branco.png); line-height:37px; margin-right:33px;}
.blocoLogin .blocoForm .btnLogin:hover{background-position:0px 0px; color:#FFFFFF}
.blocoLogin .blocoForm .link{float:left;margin:-19px 0px 8px 70px;text-align:left;font-size:12px;text-decoration:underline;color:#aaa;}
.blocoLogin .blocoForm .link:hover{text-decoration:underline; color:#666;}
.blocoLogin .blocoForm .msgErro{float:left;width:200px;margin:-4px 0 4px 65px;text-align:left;font-size:9px;text-decoration:none;color:#E61F1F;display: none;}

/* light box */
.lightbox{width:100%;height:100%;position:fixed;z-index:10;top:0;left:0;display:none;background-image:url(../images/bg_lightbox.png);}
.lightbox-window{position:fixed;z-index:12;top:30%;left:50%;display:none;background-image:url(../images/bg_senha.png);background-position:center center;background-repeat:no-repeat; width:410px; height:249px;}
.lightbox-window .close{width:24px;height:24px;position:absolute;right:-25px;top:-25px;background-image:url(../images/close.png);background-repeat:no-repeat;}
.lightbox-window .load{width:120px;height:10px;background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:0 0;position:absolute;bottom:-20px;right:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.modalRecuperarSenha .item{float:left;}
.modalRecuperarSenha .item .recuperar{float:left;width:auto; padding:33px 0 0 35px;}
.modalRecuperarSenha .item .recuperar .titulo{font-size:22px;color:#666666;text-decoration:underline;display:block;background-image:url(../images/pass_icon.png);background-repeat:no-repeat;background-position:0 center;padding:5px 0 0 40px; height:35px;}
.modalRecuperarSenha .item .recuperar .texto{font-size:14px;color:#999999;margin:12px 5px;display:block;line-height: 19px;}
.modalRecuperarSenha .btn_cancelar{margin-top:10px;}
.modalRecuperarSenha .item .recuperar .icone{float:left;width:16px;height:12px;margin:-41px 8px 0px 20px;background-image:url(../images/sprite_login_branco.png);background-repeat:no-repeat; padding:0px; border:none; position:relative;}
.modalRecuperarSenha .item .recuperar .input{display: block;width:289px;height:45px;padding:1px 0 0 35px;margin:12px 8px;color:#999;font-size:15px;outline:none;background-image:url(../images/input_branco.png); outline:none;}

.btn{text-align:center;line-height:35.5px;text-decoration:none;color:#7ebc72;float:right;width:97px;height:35px;font-size:15px;background-repeat:no-repeat;display:block;clear:both; margin-right:12px;}
.btn:hover{text-decoration:none;color:#fff;}
.btn_green{background-image:url(../images/btn_green_branco.png);}
.btn_fechar{background-image:url(../images/input_error.png);background-repeat:no-repeat;text-decoration:none;float:right;width:16px;height:16px;display:block;clear:both;opacity:0.5; margin:-1px 0px 0 0}
.btn_fechar:hover{opacity:1;}

.load{float: left;width: 160px;height: 10px;margin: 0 0 0 251px;background-image: url(../images/30.GIF);background-repeat: no-repeat;border-radius: 10px;display: none;}

/*** ALERTA BROWSER ****/
.alertaBrowser {
    background-color:#FFFACD;
    color: #000;
    position: center;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
    display: none;
} 